<div class="row justify-content-center">
    <div class="col-8">
        <form name="editForm" role="form" novalidate (ngSubmit)="save()" #editForm="ngForm">
            <h2 id="jhi-elec-bicycle-user-heading" jhiTranslate="sharedelectricbicycleApp.elecBicycleUser.home.createOrEditLabel">Create or edit a Elec Bicycle User</h2>
            <div>
                <jhi-alert-error></jhi-alert-error>
                <div class="form-group" [hidden]="!elecBicycleUser.id">
                    <label for="id" jhiTranslate="global.field.id">ID</label>
                    <input type="text" class="form-control" id="id" name="id"
                        [(ngModel)]="elecBicycleUser.id" readonly />
                </div>
                <div class="form-group">
                    <label class="form-control-label" jhiTranslate="sharedelectricbicycleApp.elecBicycleUser.phoneNumber" for="field_phoneNumber">Phone Number</label>
                    <input type="text" class="form-control" name="phoneNumber" id="field_phoneNumber"
                        [(ngModel)]="elecBicycleUser.phoneNumber" />
                </div>
                <div class="form-group">
                    <label class="form-control-label" jhiTranslate="sharedelectricbicycleApp.elecBicycleUser.userName" for="field_userName">User Name</label>
                    <input type="text" class="form-control" name="userName" id="field_userName"
                        [(ngModel)]="elecBicycleUser.userName" />
                </div>
                <div class="form-group">
                    <label class="form-control-label" jhiTranslate="sharedelectricbicycleApp.elecBicycleUser.passWord" for="field_passWord">Pass Word</label>
                    <input type="text" class="form-control" name="passWord" id="field_passWord"
                        [(ngModel)]="elecBicycleUser.passWord" />
                </div>
                <div class="form-group">
                    <label class="form-control-label" jhiTranslate="sharedelectricbicycleApp.elecBicycleUser.order" for="field_order">Order</label>
                    <input type="text" class="form-control" name="order" id="field_order"
                        [(ngModel)]="elecBicycleUser.order" />
                </div>
                <div class="form-group">
                    <label class="form-control-label" jhiTranslate="sharedelectricbicycleApp.elecBicycleUser.record" for="field_record">Record</label>
                    <input type="text" class="form-control" name="record" id="field_record"
                        [(ngModel)]="elecBicycleUser.record" />
                </div>

            </div>
            <div>
                <button type="button" id="cancel-save" class="btn btn-secondary"  (click)="previousState()">
                    <fa-icon [icon]="'ban'"></fa-icon>&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span>
                </button>
                <button type="submit" id="save-entity" [disabled]="editForm.form.invalid || isSaving" class="btn btn-primary">
                    <fa-icon [icon]="'save'"></fa-icon>&nbsp;<span jhiTranslate="entity.action.save">Save</span>
                </button>
            </div>
        </form>
    </div>
</div>
